﻿<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header mobile13-dialog" style="background-color: #fafafa; ">
    <div class="kmi-layout-main-content" style="border-radius:5px">
        <div class="kmi-layout-page" style="padding:20px">
            <div style="display: flex;flex-direction: row;margin:40px 0 20px 0">
                <div style="flex:1;">
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'mobile13.Account' | translate"></label>
                        <input id="groupuser_account" ng-model="dialog.Account"></input>
                    </div>
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'mobile13.Password' | translate"></label>
                        <input id="groupuser_password" ng-model="dialog.Password" type="password"></input>
                        <div class="tip search" ng-click="dialog.showPassword('groupuser_password');">
                            <i class="material-icons" ng-class="{'red':dialog.groupuser_password_show}">remove_red_eye</i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="btn-panel" style="margin:15px 0 30px 0">

                <div style="display:flex;align-items:center">
                    <div style="margin: 0 auto">
                        <div class="kmi-button kmi-button-confrim" style="width:100px;float:left;" ng-click="dialog.confirm()" ng-disabled="!(dialog.Account && dialog.Password) ">
                            <label ng-bind="'mobile13.confirm' | translate"></label>
                            <div class="kmi-can-click"></div>
                        </div>
                        <div class="kmi-button kmi-button-cancel" style="width:100px; float:right;" ng-click="dialog.back()">
                            <label ng-bind="'common.btn.cancel' | translate"></label>
                            <div class="kmi-can-click"></div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>
</div>